<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>钱包</title>
    <link rel="icon" type="images/x-icon" href="img/icons/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/calendar.css">
    <link rel="stylesheet" href="css/wallet.css">
</head>
<body>
<!--头部 开始-->
<div class="SY-header pf">
    <div class="clearfix">
        <div class="SY-logo fl usn">
            <a href="UserCenter.html"><img src="img/icons/logo.png" alt="深夜学院"><span class="slogin">深夜研习社</span></a>
        </div>
        <div class="SY-search pa dib">
            <div class="inputField">
                <input type="text" class="SY-input tac" placeholder="请输入作者名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入作者名'">
                <a href="javascript:void(0);" class="search-icon pa"><i class="fa fa-search"></i></a>
            </div>
            <div class="searchTips pa dn">
                <div class="searchReferral dn">
                    <div class="searchRecent">
                        <p class="title">最近搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                    <div class="searchHot">
                        <p class="title">热门搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);">大石头CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                </div>
                <div class="searchResult">
                    <ul class="d n">
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>123</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>designer</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>icon</a></li>
                        <li class="worker title">创作者</li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老师</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老板</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>boss</a></li>
                    </ul>
                    <div class="checkMore tac d n">
                        <a href="javascript:void(0);">查看全部搜索结果<i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <!--缺省提示-->
                    <div class="emptyInfo tac dn">
                        <p class="tips">暂未找到您想要查找的作,去<a href="MoreWorker.html">分类</a>查找更多作者吧!</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="SY-topRight fr">
            <ul class="clearfix">
                <li class="SY-create fr">
                    <a href="Post.html"><span>创作</span></a>
                </li>
                <li class="SY-userPic fr">
                    <a href="UserCenter.html">
                        <img class="br50" src="img/icons/person.png" alt="userPic">
                        <object><a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a></object>
                    </a>
                    <div class="pa tac fold">
                        <span class="pa trigon"></span>
                        <ul>
                            <li class="myPage"><a href="UserPageNew.html">我的研习社</a></li>
                            <li class="myPage"><a href="http://www.shenyecg.com" target="_blank">深夜学院</a></li>
                            <li class="authentication"><a href="CareerAuthen.html">深夜认证</a></li>
                            <li class="wallet"><a href="MyWallet.html">钱包</a></li>
                            <li class="setting"><a href="UserSetting.html">设置</a></li>
                            <li class="SY-exit">
                                <a href="javascript:void(0);"><i></i>退出</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="SY-regLog fr dn">
                    <a href="javascript:void(0);">注册</a>
                    <a href="javascript:void(0);">登录</a>
                </li>
                <li class="SY-notify fr">
                    <a href="Notify.html"><i></i><span class="num pa">99+</span></a>
                    <div class="pa fold">
                        <span class="pa trigon"></span>
                        <p class="topBox clearfix">
                            <span class="text fl">消息盒子</span>
                            <a href="javascript:void(0);" class="emptyBtn fr">清空</a>
                        </p>
                        <ul class="">
                            <li><a href="javascript:void(0);">[系统]管理员审核通过了你发表的原创作品《路人甲》</a></li>
                            <li><a href="javascript:void(0);">[私信]路人甲给你发来了1条私信</a></li>
                            <li><a href="javascript:void(0);">[通知]路人甲关注了你</a></li>
                        </ul>
                        <!--缺省提示-->
                        <div class="emptyInfo tac dn">
                            <p class="tips">暂无消息</p>
                        </div>
                        <div class="checkAll">
                            <a class="db tac" href="Notify.html">查看全部&nbsp;>></a>
                        </div>
                    </div>
                </li>
                <li class="fr line"></li>
                <li class="SY-focus dn fr">
                    <a href="UserCenter.html"><i></i><span>关注</span></a>
                </li>
                <li class="SY-Recruit fr">
                    <a href="Recruit.html"><i></i><span>招聘</span></a>
                    <span class="event db pa new"></span>
                </li>
                <li class="SY-piazza fr">
                    <a href="SquareNew.html"><i></i><span>广场</span></a>
                </li>
                <li class="SY-CG fr dn">
                    <a href="http://www.shenyecg.com" target="_blank"><i></i><span>学院</span></a>
                </li>
                <li class="SY-index fr dn">
                    <a href="Index.html"><i></i><span>首页</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--头部 结束-->
<!--主内容 开始-->
<div class="SY-content pr spread">
    <div class="SY-SettingBar pf">
        <div class="mainMenu pa">
            <ul>
                <li class="tac">
                    <a href="UserPage.html">
                        <div class="pic home"></div>
                        <p class="text">主页</p>
                    </a>
                </li>
                <li class="tac">
                    <a href="Post.html">
                        <div class="pic post"></div>
                        <p class="text">发布</p>
                    </a>
                </li>
                <li class="tac">
                    <a href="Supporter.html">
                        <div class="pic support"></div>
                        <p class="text">支持者</p>
                    </a>
                </li>
                <li class="tac active">
                    <a href="javascript:void(0);">
                        <div class="pic wallet"></div>
                        <p class="text">钱包</p>
                    </a>
                </li>
                <li class="tac">
                    <a href="Notification.html">
                        <div class="pic notification"></div>
                        <p class="text">通知</p>
                    </a>
                </li>
                <li class="tac">
                    <a href="javascript:void(0);">
                        <div class="pic marketing"></div>
                        <p class="text">营销</p>
                    </a>
                </li>
                <li class="tac">
                    <a href="Invitation.html">
                        <div class="pic invite"></div>
                        <p class="text">邀请</p>
                    </a>
                </li>
                <li class="tac">
                    <a href="Setting.html">
                        <div class="pic setting"></div>
                        <p class="text">设置</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="secondMenu pa">
            <ul>
                <li class="active">
                    <a class="db" href="javascript:void(0);">收支</a>
                </li>
                <li class="">
                    <a class="db" href="javascript:void(0);">提现</a>
                </li>
                <li class="">
                    <a class="db" href="javascript:void(0);">我的优惠券</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="SY-setContent">
        <div class="SY-wrap">
            <div class="S-main">
                <!--收支-->
                <div class="billBox br5 border1">
                    <div class="billAccount tac clearfix">
                        <div class="fl monthIncome active pr">
                            <p class="text">本月收入（元）</p>
                            <p class="num">888.<i>00</i></p>
                            <span class="trigon pa"></span>
                        </div>
                        <span class="dib fl line"></span>
                        <div class="fl allIncome pr">
                            <p class="text">累计收入（元）</p>
                            <p class="num">888.<i>00</i></p>
                            <span class="trigon pa"></span>
                        </div>
                        <span class="dib fl line"></span>
                        <div class="fl monthExpend pr">
                            <p class="text">本月支出（元）</p>
                            <p class="num">888.<i>00</i></p>
                            <span class="trigon pa"></span>
                        </div>
                        <span class="dib fl line"></span>
                        <div class="fl account pr">
                            <p class="text">账户余额（元）</p>
                            <p class="num">888.<i>00</i></p>
                            <span class="trigon pa"></span>
                        </div>
                    </div>
                    <div class="billList">
                        <div class="billText clearfix">
                            <p class="text fl">账户信息</p>
                            <div class="billDetail fr clearfix">
                                <p class="fr expenditure">支出：<span class="money">25</span>元</p>
                                <p class="fr income">收入：<span class="money">888</span>元</p>
                                <span class="fr db line"></span>
                                <p class="fr sum">合计</p>
                            </div>
                        </div>
                        <div class="search clearfix">
                            <div class="fl timeBox">
                                <p class="text dib">时间</p>
                                <div class="calendar dib border1 br5 pr clearfix" id="calendar">
                                    <p class="timeChoosed tac fl">2018/02/05</p>
                                    <a href="javascript:void(0);" class="calendarIcon db fl"><i class="fa fa-calendar"></i></a>
                                </div>
                                <p class="dib line">-</p>
                                <div class="calendar dib border1 br5 pr clearfix" id="calendar">
                                    <p class="timeChoosed tac fl">2018/02/05</p>
                                    <a href="javascript:void(0);" class="calendarIcon db fl"><i class="fa fa-calendar"></i></a>
                                </div>
                                <div class="timeText dib text">今天</div>
                                <p class="dib verticalLine"></p>
                                <div class="dib latest">
                                    最近：
                                    <span class="dib active">1个月</span>
                                    <span class="dib">3个月</span>
                                    <span class="dib">1年</span>
                                </div>
                            </div>
                            <div class="fl pr status dn">
                                <p>
                                    资金流向：
                                    <a class="slide" href="javascript:void(0);">
                                        <span class="text">全部</span>
                                        <i class="fa fa-angle-down"></i>
                                    </a>
                                </p>
                                <div class="pa br5 border1 choose">
                                    <p class="item tac">
                                        <a class="db" href="javascript:void(0);">收入</a>
                                    </p>
                                    <p class="item tac">
                                        <a class="db" href="javascript:void(0);">支出</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="checkBox">
                            <div class="reward clearfix">
                                <p class="fl text">奖励：</p>
                                <div class="fl box tal clearfix">
                                    <span class="fl inputBox active">全部</span>
                                    <span class="fl inputBox">奖励B</span>
                                    <span class="fl inputBox">奖励C</span>
                                    <span class="fl inputBox">奖励D</span>
                                    <span class="fl inputBox">奖励E</span>
                                    <span class="fl inputBox">奖励F</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                </div>
                                <div class="pr fr more br5 border1">
                                    <a class="db tac" href="javascript:void(0);"><span>更多</span><i class="fa fa-angle-down"></i></a>
                                </div>
                            </div>
                            <div class="classify clearfix">
                                <p class="fl text">分类：</p>
                                <div class="fl box tal clearfix">
                                    <span class="fl inputBox active">全部</span>
                                    <span class="fl inputBox">奖励B</span>
                                    <span class="fl inputBox">奖励C</span>
                                    <span class="fl inputBox">奖励D</span>
                                    <span class="fl inputBox">奖励E</span>
                                    <span class="fl inputBox">奖励F</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                </div>
                            </div>
                            <div class="status clearfix">
                                <p class="fl text">状态：</p>
                                <div class="fl box tal clearfix">
                                    <span class="fl inputBox active">全部</span>
                                    <span class="fl inputBox">奖励B</span>
                                    <span class="fl inputBox">奖励C</span>
                                    <span class="fl inputBox">奖励D</span>
                                    <span class="fl inputBox">奖励E</span>
                                    <span class="fl inputBox">奖励F</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                    <span class="fl inputBox">奖励G</span>
                                </div>
                            </div>
                        </div>
                        <div class="list">
                            <div class="title br5">
                                <p class="dib tac targetUser">对方</p>
                                <p class="dib tac remark">备注</p>
                                <p class="dib tac money">金额</p>
                                <p class="dib tac classify">交易类型</p>
                                <p class="dib tac state">状态</p>
                                <p class="dib tac time">交易时间</p>
                            </div>
                            <!--空内容提示-->
                            <div class="emptyInfo tac empty">
                                <div class="icon"></div>
                                <p>暂无收支明细</p>
                            </div>
                            <!--加载中-->
                            <div class="loading tac">
                                <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                            </div>
                            <div class="item">
                                <p class="dib tac toe targetUser">路人甲</p>
                                <p class="dib tac toe remark" title="订阅">订阅</p>
                                <p class="dib tac toe money expenditure">-300000.00</p>
                                <p class="dib tac toe classify">支出</p>
                                <p class="dib tac toe state">已转入</p>
                                <p class="dib tac toe time">2018-02-27 12:20:20</p>
                            </div>
                            <div class="item">
                                <p class="dib tac toe targetUser">路人甲</p>
                                <p class="dib tac toe remark" title="订阅">订阅</p>
                                <p class="dib tac toe money income">-300000.00</p>
                                <p class="dib tac toe classify">收入</p>
                                <p class="dib tac toe state">已转入</p>
                                <p class="dib tac toe time">2018-02-27 12:20:20</p>
                            </div>
                            <div class="item">
                                <p class="dib tac toe targetUser">路人甲</p>
                                <p class="dib tac toe remark" title="订阅">订阅</p>
                                <p class="dib tac toe money income">-300000.00</p>
                                <p class="dib tac toe classify">收入</p>
                                <p class="dib tac toe state">已转入</p>
                                <p class="dib tac toe time">2018-02-27 12:20:20</p>
                            </div>
                        </div>
                        <div class="page tac">
                            <ul class="pageList pr clearfix">
                                <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                <li><a href="javascript:void(0);">2</a></li>
                                <li><a href="javascript:void(0);">3</a></li>
                                <li><a href="javascript:void(0);">...</a></li>
                                <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                <li class="text"><a href="javascript:void(0);">尾页</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--提现-->
                <div class="withdrawBox dn">
                    <div class="withdraw br5">
                        <div class="accountSum clearfix">
                            <div class="fl extraMoney br5 tac">
                                <p class="text">账户余额（元）</p>
                                <p class="num">888.<i>00</i></p>
                            </div>
                            <div class="fl illustrate br5">
                                <p class="title">转账说明</p>
                                <ul>
                                    <li>您的账户产生收益时，我们将在每月的最后一周将您的全部账户余额通过银行转账的方式给您；</li>
                                    <li>您获得实际收益中，将扣除20%的费用。我们将用于产生的宽带成本和运维成本。</li>
                                </ul>
                            </div>
                        </div>
                        <div class="mainBox">
                            <p class="text feb">提现记录</p>
                            <div class="recordBox br5 border1">
                                <div class="recordList">
                                    <div class="item title clearfix">
                                        <p class="toe dib number">流水单号</p>
                                        <p class="toe dib income">收益</p>
                                        <p class="toe dib truthIncome">实际收益</p>
                                        <p class="toe dib serviceCharge">服务费</p>
                                        <p class="toe dib transactionFee">交易费</p>
                                        <p class="toe dib incomeTax">个人所得税</p>
                                        <p class="toe dib incomePeople">收款人</p>
                                        <p class="toe dib bankAccount">银行账号</p>
                                        <p class="toe dib transactionTime">交易时间</p>
                                    </div>
                                    <div class="item clearfix">
                                        <p class="toe dib number">12345</p>
                                        <p class="toe dib income">1000</p>
                                        <p class="toe dib truthIncome">800</p>
                                        <p class="toe dib serviceCharge">200</p>
                                        <p class="toe dib transactionFee">2</p>
                                        <p class="toe dib incomeTax">0</p>
                                        <p class="toe dib incomePeople">路人甲</p>
                                        <p class="toe dib bankAccount">6225******</p>
                                        <p class="toe dib transactionTime">2018-03-14 16:25:20</p>
                                    </div>
                                    <div class="item clearfix">
                                        <p class="toe dib number">12345</p>
                                        <p class="toe dib income">1000</p>
                                        <p class="toe dib truthIncome">800</p>
                                        <p class="toe dib serviceCharge">200</p>
                                        <p class="toe dib transactionFee">2</p>
                                        <p class="toe dib incomeTax">0</p>
                                        <p class="toe dib incomePeople">路人甲</p>
                                        <p class="toe dib bankAccount">6225******</p>
                                        <p class="toe dib transactionTime">2018-03-14 16:25:20</p>
                                    </div>
                                    <div class="item clearfix">
                                        <p class="toe dib number">12345</p>
                                        <p class="toe dib income">1000</p>
                                        <p class="toe dib truthIncome">800</p>
                                        <p class="toe dib serviceCharge">200</p>
                                        <p class="toe dib transactionFee">2</p>
                                        <p class="toe dib incomeTax">0</p>
                                        <p class="toe dib incomePeople">路人甲</p>
                                        <p class="toe dib bankAccount">6225******</p>
                                        <p class="toe dib transactionTime">2018-03-14 16:25:20</p>
                                    </div>
                                    <div class="item clearfix">
                                        <p class="toe dib number">12345</p>
                                        <p class="toe dib income">1000</p>
                                        <p class="toe dib truthIncome">800</p>
                                        <p class="toe dib serviceCharge">200</p>
                                        <p class="toe dib transactionFee">2</p>
                                        <p class="toe dib incomeTax">0</p>
                                        <p class="toe dib incomePeople">路人甲</p>
                                        <p class="toe dib bankAccount">6225******</p>
                                        <p class="toe dib transactionTime">2018-03-14 16:25:20</p>
                                    </div>
                                    <div class="item clearfix">
                                        <p class="toe dib number">12345</p>
                                        <p class="toe dib income">1000</p>
                                        <p class="toe dib truthIncome">800</p>
                                        <p class="toe dib serviceCharge">200</p>
                                        <p class="toe dib transactionFee">2</p>
                                        <p class="toe dib incomeTax">0</p>
                                        <p class="toe dib incomePeople">路人甲</p>
                                        <p class="toe dib bankAccount">6225******</p>
                                        <p class="toe dib transactionTime">2018-03-14 16:25:20</p>
                                    </div>
                                </div>
                                <div class="page tac">
                                    <ul class="pageList pr clearfix">
                                        <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                        <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                        <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                        <li><a href="javascript:void(0);">2</a></li>
                                        <li><a href="javascript:void(0);">3</a></li>
                                        <li><a href="javascript:void(0);">...</a></li>
                                        <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                        <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--优惠券-->
                <div class="couponBox br5 border1 dn">
                    <div class="content">
                        <div class="tabNav clearfix">
                            <ul class="fl">
                                <li class="item dib active"><a href="javascript:void(0);">我的优惠券</a></li>
                                <li class="item dib"><a href="javascript:void(0);">历史优惠券</a></li>
                            </ul>
                            <div class="fr dn">
                                <a class="db transition br5 tac exchangeCoupon" href="javascript:void(0);">兑换优惠券</a>
                            </div>
                        </div>
                        <div class="main">
                            <!--我的优惠券-->
                            <div class="couponList myCoupon">
                                <ul>
                                    <li class="coupon dib pr">
                                        <div class="bgPic">
                                            <p class="rmb"><span>￥</span>30</p>
                                            <p class="timeLimit">2018.4.20-2018.5.20</p>
                                        </div>
                                        <div class="textBox tac">
                                            <p class="useLimit">范围：所有</p>
                                            <a class="db transition br5 tac useBtn pa" href="javascript:void(0);">立即使用</a>
                                            <p class="classify pa">类型：<span>优惠券</span></p>
                                        </div>
                                        <span class="tip pa"></span>
                                    </li>
                                    <li class="coupon dib pr">
                                        <div class="bgPic">
                                            <p class="exchangeCode">兑换码<br><span>123456</span></p>
                                            <p class="timeLimit">2018.4.20-2018.5.20</p>
                                        </div>
                                        <div class="textBox tac">
                                            <p class="useLimit">范围：所有</p>
                                            <a class="db transition br5 tac useBtn pa" href="javascript:void(0);">立即使用</a>
                                            <p class="classify pa">类型：<span>兑换码</span></p>
                                        </div>
                                    </li>
                                </ul>
                                <!--缺省提示-->
                                <div class="emptyInfo tac dn">
                                    <div class="icon"></div>
                                    <p class="tips">暂无优惠券</p>
                                </div>
                            </div>
                            <!--历史优惠券-->
                            <div class="couponList historyCoupon">
                                <ul>
                                    <li class="coupon dib pr invalid">
                                        <div class="bgPic">
                                            <p class="rmb"><span>￥</span>30</p>
                                            <p class="timeLimit">2018.4.20-2018.5.20</p>
                                        </div>
                                        <div class="textBox tac">
                                            <p class="useLimit">范围：所有</p>
                                            <p class="classify pa">类型：<span>优惠券</span></p>
                                        </div>
                                        <span class="tipsIcon pa"></span>
                                    </li>
                                    <li class="coupon dib pr used">
                                        <div class="bgPic">
                                            <p class="rmb"><span>￥</span>30</p>
                                            <p class="timeLimit">2018.4.20-2018.5.20</p>
                                        </div>
                                        <div class="textBox tac">
                                            <p class="useLimit">范围：所有</p>
                                            <p class="classify pa">类型：<span>优惠券</span></p>
                                        </div>
                                        <span class="tipsIcon pa"></span>
                                    </li>
                                </ul>
                                <!--缺省提示-->
                                <div class="emptyInfo tac  dn">
                                    <div class="icon"></div>
                                    <p class="tips">暂无优惠券</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--主内容 结束-->
<script src="js/jquery.min.js"></script>
<script src="js/search.js"></script>
<script>
    $(function () {
        //左侧导航切换
        $(".SY-SettingBar .secondMenu li").click(function () {
            var indexNum = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(".SY-setContent .S-main > div").eq(indexNum).show().siblings().hide();
        });

        //收支
        $(".billBox .status .slide").click(function () {
            $(this).parents(".status").find(".choose").slideToggle();
        });
        $(".billBox .more a").click(function () {
            if($(".box").height() == 32){
                $(this).find("span").html("收起");
                $(this).find("i").removeClass("fa-angle-down").addClass("fa-angle-up");
                $(this).parents(".checkBox").find(".box").css("height","auto");
            }else {
                $(this).find("span").html("更多");
                $(this).find("i").removeClass("fa-angle-up").addClass("fa-angle-down");
                $(this).parents(".checkBox").find(".box").css("height","32px");
            }

        });

        //收支导航切换
        $(".billBox .billAccount > div").click(function () {
           var indexTab = $(this).index();
           $(this).addClass("active").siblings().removeClass("active");
        });

        //我的优惠券选项切换
        $(".S-main .tabNav li").click(function () {
            var index = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(".S-main .couponBox .couponList").eq(index).show().siblings().hide();
        })
    })
</script>
</body>
</html>
